<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
    <link rel="stylesheet" href="css/index/index.css">
    <link rel="stylesheet" href="css/account/login.css">
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/index/style.css">
    <script type="text/javascript" src="js/style.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>


</head>

<body>

    <div class="login_content">
        <div class="loginflex">
            <div class="index_left">
                {{include './navi-header.html'}}
                <div class="select">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">登录或创建一个新账户🌟</a>
                        </li>
                        <li class="nav-item logina">
                            <span><a href="/login">登录</a></span>
                        </li>
                        <li class="nav-item loginb">
                            <span><a href="/register">注册</a></span>
                        </li>
                        <li class="nav-item loginb">
                            <span><a href="/club">关于星享俱乐部</a></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_right">
                <img src="images/main_advertise.jpg" alt="">
                <div class="scan">
                    <!-- <div class="login-tip">
                        <p>扫码登录</p>
                    </div> -->
                    <div class="inputss">
                        <div class="input-login">
                            <input type="text" id="login_mail" placeholder="用户名或者电子邮箱">
                        </div>
                        <div class="input-register">
                            <input type="password" id="login_password" placeholder="密码">
                            <i></i>
                        </div>
                        <div class="forget">
                            <div class="check"><input type="checkbox" name="" id="">下次自动登录</div>
                            <p id="forget"><a href="/forget">忘记密码？</a></p>
                        </div>
                        <div id="your-dom-id" class="nc-container"></div>
                        <!--No-Captcha渲染的位置，其中 class 中必须包含 nc-container-->
                        <script type="text/javascript">

                        </script>

                        <div class="actions">
                            <button disabled id="login_btn">登录</button>
                        </div>
                    </div>
                    <div class="account-bg">
                        <div class="account">
                            <p>加入星享俱乐部</p>
                            <p>只需几分钟，便可成功注册星享俱乐部帐户，成为“星”会员，立即开启集星之旅。</p>
                            <button><a href="/register">注册</a></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/login.js"></script>
<style>
    .nc-container #nc_1_wrapper,
    .nc-container.tb-login #nc_1_wrapper {
        width: 100%
    }

    .nc-container .imgCaptcha,
    .nc-container .clickCaptcha {
        width: 100%;
    }

    .nc-container.tb-login .imgCaptcha,
    .nc-container.tb-login .clickCaptcha {
        width: 100%;
    }

    .nc-container.tb-login .imgCaptcha .captcha-error,
    .nc-container.tb-login .clickCaptcha .captcha-error {
        width: 100%;
    }

    .nc-container.tb-login .errloading,
    .nc-container .errloading {
        width: 100%;
    }
</style>

</html>